<!doctype html>
<html lang="en">
<head>
	<title>Guru - Portfolio Template</title>
	<meta charset="UTF-8">
	<meta name="description" content="Guru Portfolio Template">
	<meta name="keywords" content="personal, portfolio">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- Stylesheets -->
	<link rel="stylesheet" href="https://www.jq22.com/jquery/bootstrap-3.3.4.css">
	<link rel="stylesheet" href="https://www.jq22.com/jquery/font-awesome.4.6.0.css">
	<link rel="stylesheet" href="个人网站/css/style.css"/>
    
</head>
<body>
	<section class="intro-section" id="home">
		<div class="intro-content">
			<h1>189000829谭君容</h1>
		</div>
		<a href="#about" class="down">
			<i class="fa fa-angle-down"></i>
		</a>
	</section>
	<section class="about-section spad" id="about">
		<div class="container">
			<div class="col-md-6 col-sm-12 about-image">
				<img src="个人网站/img/viewphoto.jpeg" class="img-responsive" alt="">
			</div>
			<div class="col-md-6 col-sm-12">
				<div class="about-text">
					<h3>ABOUT ME.</h3>
					<p>我是来自重庆工程学院软件工程专业的大三学生，目前正在学习前端开发。</p>
				</div>
				<div class="skills"><!-- Skills -->
					<div class="single-progress-item">
						<h4>HTML</h4>
						<div class="progress-bar-style" data-progress="80"></div>
					</div>
					<div class="single-progress-item">
						<h4>UI</h4>
						<div class="progress-bar-style" data-progress="90"></div>
					</div>
					<div class="single-progress-item">
						<h4>JavaScript</h4>
						<div class="progress-bar-style" data-progress="75"></div>
					</div>
					<div class="single-progress-item">
						<h4>CSS</h4>
						<div class="progress-bar-style" data-progress="93"></div>
					</div>
					<div class="single-progress-item">
						<h4>jQuery</h4>
						<div class="progress-bar-style" data-progress="85"></div>
					</div>
				</div>
			</div>
		</div>
	</section>
    <!-- 客户端作品展示 start -->
 	<section class="testinonial-section spad">
		<div class="container">
			<div class="section-title">
				<h2>客户端</h2>
				<p>通过DOM操作、BOM操作、JS、jQuery做的部分小练习</p>
			</div>
		</div>
	</section>
    <section class="portfolios-section spad" id="portfolio">
		<div class="container">
            <ul>
                <li><a href="客户端/Expansion and expansion of menu/task02.html">菜单的伸缩与扩展</a></li>
                <li><a href="坦克游戏/games-tank.html">坦克游戏</a></li>
                <li><a href="实验5 资源包/expe05.html">DOM操作</a></li>
                <li><a href="客户端/实验/队列广告/BOM.html">队列广告</a></li>
                <li><a href="客户端/实验/练习资源包04/task4.html">jquery练习</a></li>
                <li><a href="客户端/实验/jQuery动画/seven.html">jQuery动画练习</a></li>
            </ul>
		</div>
	</section>

    <!-- 网页设计作品展示 start -->
	<section class="testinonial-section spad">
		<div class="container">
			<div class="section-title">
				<h2>网页设计</h2>
				<p>通过HTML、CSS、jQuery、JS完成的两个门户网站</p>
			</div>
		</div>
	</section>
    <!-- 网页设计内容 -->
	<section class="portfolios-section spad" id="portfolio">
		<div class="container">
            <ul>
                <li><a href="盈宏金属官网/Home_Pages.html">盈宏金属官网</a></li>
                <li><a href="重庆政府网站/Pages.html">重庆政府网站</a></li>
            </ul>
		</div>
	</section>
	 <!-- 网页设计作品展示 ending -->
    <!-- UI作品展示 start -->
 	<section class="testinonial-section spad">
		<div class="container">
			<div class="section-title">
				<h2>UI设计</h2>
				<p>这里有我画过的图标</p>
			</div>
		</div>
	</section>
    <section class="portfolios-section spad" id="portfolio">
		<div class="container">
            
		</div>
	</section>
	<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<script src="个人网站/js/jquery.nav.js"></script>
	<script src="个人网站/js/imagesloaded.pkgd.min.js"></script>
	<script src="个人网站/js/isotope.pkgd.min.js"></script>
	<script src="个人网站/js/owl.carousel.min.js"></script>
	<script src="个人网站/js/magnific-popup.min.js"></script>
	<script src="个人网站/js/main.js"></script> 
</body>
</html>
